header{
	color: red;
}
body{
	/*背景图片*/
	/*background-image: url("images/back.jpg");*/
	/*背景重复
	repeat --- 水平垂直方向上都平铺
	repeat-x ---- 水平方向上平铺
	repeat-y ---- 垂直方向上平铺
	no-repeat ---- 不允许在任何方向上平铺
	*/
	background-repeat: repeat;
	
	/*背景定位
	background-position 属性提供值有很多方法：
	1、关键字：top、bottom、left、right 和 center;
	2、长度值，如 100px 或 5cm
	3、百分数值，如 50% 50% 的点(中心点)
	*/
	background-position: center;

	/*背景关联
	fixed ---- 声明图像相对于可视区是固定的
	scroll ---- 默认值，背景会随文档滚动
	*/
	background-attachment: fixed;

	/*指定字体系列*/
	font-family: sans-serif;

	/*字体风格
	* normal -- 文本正常显示
	* italic -- 文本斜体显示
	* oblique -- 文本倾斜显示
	*/
	font-style: normal;

	/*字体变形*/
	/*font-variant:small-caps;*/
	font-variant: normal;

	/*字体加粗
	* normal -- 正常
	* bold -- 加粗
	* 900 -- 关键字 100~900 为字体指定了 9 级加粗度。100 对应最细的字体变形，900 对应最粗的字体变形。
	400 等价于 normal，而700等价于 bold。
	*/
	font-weight: normal;

	/*字体大小 使用 px、em、百分比来设置
	设置字体大小时，em 的值会相对于父元素的字体大小改变。
	16px/16 = 1em（注：16等于父元素的默认字体大小，假设父元素的font-size 为 20px，那么公式需改为：pixels/20=em）
	*/
	font-size: 16px;

}
p{
	/*背景色*/
	background-color: #f0f0f0;
	padding: 20px;

	/*缩进文本*/
	text-indent: 5em;

	/*水平对齐
	left --- 默认值，左对齐
	right --- 右对齐
	center --- 居中
	justify --- 两端对齐
	*/
	text-align: left;

	/*字间隔
	word-spacing 属性可以改变字（单词）之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。
	正值：间隔增加； 负值：间隔缩短；
	*/
	word-spacing: 10px;

	/*字母间隔
	字母间隔修改的是字符或字母之间的间隔。
	*/
	letter-spacing: 5px;

	/*字符转换：text-transform - 处理文本的大小写。
	* none --- 默认值，不对文本做任何改动；
	* uppercase --- 将文本转换为全大写；
	* lowercase --- 将文本转换为全小写；
	* capitalize --- 只对每个单词的首字母大写；
	*/
	text-transform: none;

	/*文本装饰
	* none --- 默认值，关闭一个元素上的所有装饰；
	* underline --- 会对元素加下划线；
	* overline --- 在文本顶端画一个上划线；
	* line-through ---- 在文本中间画一个贯穿线；
	* blink ---- 让文本闪烁；		
	*/
	text-decoration: none;
	/*text-decoration:underline overline;*/

	/*处理空白符：white-space 属性会影响到用户代理对源文档中的空格、换行和 tab 字符的处理
	* normal --- 合并所有的空白符，并忽略换行符；
	* pre ---- 不合并空白符，也不忽略换行符；
	* nowrap ---- 禁止元素中的文本换行，除非使用了一个 br 元素。
	* pre-wrap --- 浏览器不公会保留空白并保留换符，还允许自动换行。
	* pre-line --- 浏览器会合并空白符，保留换行符，并允许自动换行。
	*/
	white-space: normal;

	/*文本方向
	* ltr 从左到右
	* rtl 从右到左
	注：对于行内元素，只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。
	*/
	direction: ltr;
}

/*设置链接样式
* a:link --- 普通的、未被访问的链接;
* a:visited ---- 用户已访问的链接;
* a:hover --- 鼠标指针位于链接的上方;
* a:active ---- 链接被点击的时刻;
注：
	a:hover 必须位于 a:link 和 a:visited 之后;
	a:active 必须位于 a:hover 之后;
*/
a:link{ /*未被访问的链接*/
	color: #FF0000;
	/*文本修饰*/
	text-decoration: none;
	/*背景颜色*/
	/*background-color: #b2ff99;*/

}
a:visited{ /*已被访问的链接*/
	color: #00FF00;
	text-decoration:none;
	/*background-color: #ffff85;*/
}
a:hover{ /*鼠标指针移动到链接上*/
	color: #FF00FF;
	text-decoration: underline;
	/*background-color: #ff704d;*/
	font-size: 120%;
}
a:active{ /*正在被点击的链接*/
	color: #0000FF;
	text-decoration: underline;
	/*background-color: #ff704d;*/
}

/*列表标签（list）
	ul --- 无序列表
	ol --- 有序列表
*/
ul{
	/*无序列表样式
		disc -- 实心圆点
		circle -- 空心圆点
		square -- 实心方块
		none -- 无样式
	*/
	list-style-type: disc;
}

ol{
	 /*有序列表样式
	 	decimal - 数字
	 	lower-roman - 小写罗马数字
	 	upper-roman - 大写罗马数字
	 	lower-alpha - 小写英文字母
	 	upper-alpha - 大写英文字母
	 */
	list-style-type: decimal;

}

.relative{
	/*
		relative ---- 相对定位
		absolute ---- 绝对定位
	*/
	position: relative;
	left: 0px;

	/*浮动
		left ---- 元素向左浮动
		right ---- 元素向右浮动
		none ----- 默认值。元素不浮动，并会显示其在文本中出现位置。
		inherit ---- 规定应该从父元素继承 float 属性的值。
	*/
	/*float: left;*/

	/*clear 属性规定元素的哪一侧不允许其他浮动元素。
		left --- 在左侧不允许浮动元素
		right --- 在右侧不允许浮动元素
		both --- 在左右两侧均不允许浮动元素。
		none --- 默认值。允许浮动元素出现在两侧。
		inherit ---- 规定应该从父元素继承 clear 属性的值。	
	*/
	clear: both;

	padding-left: 10px;
	word-spacing: 5px;
	text-indent: 1em;

}

span{
	color: blue;
}



